<!-- 签到抽奖页面 -->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <title>抽奖结果</title>
        <meta name="renderer" content="webkit">
    
        <!-- 加载 bootstrap css -->
        <link rel="stylesheet" type="text/css" href="{{$STATIC_URL}}css/bootstrap.min.css">
        <style type="text/css">

            body{
                font-size: 30px;
                font-weight: bold;
                background-color:#7dc6e7;;
                font-family: 'Microsoft YaHei','KaiTi_GB2312',sans-serif;
            }

            .container-fluid{
                padding-left: 0px;
                padding-right: 0px;
            }

            .result_wrapper{
                padding-top: 10%;
            }

            .title{
                background-color: rgba(255, 255, 255, 0.86);
                color:#3a6e83;
                text-align: center;
                font-size: 45px;
                letter-spacing: 15px;
                padding-top: 10px;
                padding-bottom: 10px;
            }

            .prize{
                background-color: rgba(255, 255, 255, 0.44);
                padding:20px 20px 0px 20px
            }

        
            img{
                width: 100%;
                position: absolute;
            }

            .footer {
                font-size: 30px;
                position: absolute;
                bottom: 20px;
                color: #fff;
                right: 50px;
                height: 100px;
                line-height: 100px;
            }

            .footer a{
                color: #fff;
            }

            /*新增*/

            .back_wrapper{
                height:100px;
                width:100px;
                border-radius: 50%;
                background-color: rgba(253, 248, 248, 0.45);
                text-align: center;
                margin-left: 10%;
            }

            .back{
                font-size: 60px;
            }

            .back a{
                text-decoration: none;
            }

        </style>
    </head>
  <body>
        <img src="{{$STATIC_URL}}img/iphone/bg.jpg">
        <div class="container-fluid result_wrapper">

             <div class="col-md-8 col-md-offset-2 ">
                <div class="col-md-12 title"> 
                    <div class="list">获奖名单</div>
                </div> 

                <div class="col-md-12 prize " style="padding-top:80px">
                        <div class="col-md-2">一等奖</div>

                        <div class="col-md-10 first">
                            <div class="col-md-2">XXX</div>
                            <div class="col-md-10">XXXX科技有限公司</div>
                        </div>
                </div>

                <div class="col-md-12 prize ">
                        <div class="col-md-2">二等奖</div>
                        
                        <div class="col-md-10 second">
                            <div class="col-md-2">XXX</div>
                            <div class="col-md-10">XXXX科技有限公司</div>
                        </div>
                </div>

                <div class="col-md-12 prize" style="padding-bottom:80px">
                        <div class="col-md-2">三等奖</div>

                        <div class="col-md-10 third">
                            <div class="col-md-2">XXX</div>
                            <div class="col-md-10">XXXX科技有限公司</div>
                        </div>
                </div>

            </div>

            <div class="col-md-12 footer">
                <div class="col-md-2 back_wrapper">
                    <div class="back">
                        <a href="#">&larr;</a>
                    </div>
               </div>

                <em class="col-md-3 col-md-offset-5" style="float:right"><a href="http://www.juweitang.net/index.php?g=Wap&m=Index&a=index&token=sqcwdm1402837582">杭为科技</a>提供技术支持</em>
            </div>
        </div>

        <script type="text/javascript" src="{{$STATIC_URL}}js/jquery-2.0.3.min.js"></script>
        <script type="text/javascript" src="{{$STATIC_URL}}js/show_res.js"></script>
        <script type="text/javascript">
            // SB'S CODE
            // ldb.clear() 清空数据库
            // ldb.display() 展示获奖名单

        </script>

  </body>
</html>